■ 2カラムヘッダー付きバリエーションタイプ
2カラムでヘッダー付きのバリエーションタイプです。全体の色は内容に合わせて変えてもらえるといいと思います。見出しもちょっとパターンを変えることができます。
ホームページを作るときのベースとして考えたので、非常にシンプルな構造です。メニューと本文部分を入れ替えるのは簡単です。画像は本文部分の幅、1200px400px。素材サイトで見つけましょう。リサイズはGIMP等を使用しましょう。
■ 本文見出しタイプ3
見出しの周りの枠がいくつかあります。entryとして、CSSに用意してあります。また<strong>ここに文章を入れます。</strong>で囲むと、ここに文章を入れます。と強調になります。
色は自分の好きなようにCSSシートを参考に作ってみるのもいいでしょう。
■ 色の背景
色の背景で、見出しごとつつんでいます。背景に色がつくと、強調や特別な文面として目立ちます。色は自由に変えてみましょう。
■ リスト例
- リスト
- リスト
- リスト
◆ 4列タイプ－gridを使った商品枠
アイテム
アイテム
アイテム
アイテム
文章の上下にドットラインを入れた枠。
上下左右のborder（ボーダー）の種類を変えることで色々な枠がつくれます。